﻿body
{
	background: url('../images/MainSiteBackground.png') repeat;
	
	font-family: Calibri, Verdana, "Courier New", Courier, monospace;
}

.leftSection
{
	float: left;

	width: 200px;

	padding: 0px;
}

.bodySection
{
	float: left;

	width: 870px;

	background-color: white;

	-moz-border-radius: 15px;
    border-radius: 15px;
}

.bodySection footer
{
	padding-top: 25px;
}

.rightSection
{
	float: left;

	width: 200px;

	padding: 25px;
	padding-bottom: 0px;
}

.rightSection header
{
	width: 200px;
	height: 150px;

	background-image: url('../images/teaCode.jpg');
	background-repeat: no-repeat;
	
    box-shadow: 5px 10px 50px #888888;
}

.rightSection section #textSearch
{
	float: left;
	
	width: 160px;
	height: 27px;

/* add back in when we have interactive ajax search
	width: 180px;
	height: 27px;
	padding-left: 28px;
	
	background-image: url('../images/search.png');
	background-repeat: no-repeat;
	background-position: 1px 1px;
*/
}

.rightSection section #textSearch:-moz-placeholder
{
    font-style: italic;
}

.rightSection section #textSearch::-webkit-input-placeholder
{
    font-style: italic;
}

.mainSection
{
	float: right;
	
	width: 610px;
	height: auto;

	padding: 0px;
	padding-right: 10px;

	border-spacing: 0px;
}

.clear
{
	clear: both;
	display: block;
}

.menuItem
{
	text-decoration: none;
	color: #000000;
}

.menuItemSelected
{
	text-decoration: none;
	color: #44CC44;
}

.menuItemThis
{
	text-decoration: none;
	color: #2222FF;
}

article
{
	padding: 10px;
	border-spacing: 5px;
}

article:nth-child(2n+1)
{
	background-color: #DDDDDD;

	-moz-border-radius: 15px;
    border-radius: 15px;
}

article header
{
	font-size: 16pt;
	font-weight: bold;
}

article header time
{
	font-weight: inherit;
	font-size: 14pt;
}

article section code
{
	border-spacing: 5px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 35px;
}

.keyword
{
	color: #2222DD;
}

.pageHeader
{
	padding: 5px;
	padding-top: 150px;
	
	background: url('../images/title.png') no-repeat 0px 50px;
}

.pageHeader nav
{
	float: left;
	width: 500px;
	min-height: 50px;
}

.linkRss
{
	width: 24px;
	height: 24px;

	background-image: url('../images/rss.png');
	background-repeat: no-repeat;

	float: left;
}

.likeButton
{
	float: left;
	
	min-width: 10px;

	padding-right: 5px;
	padding-bottom: 10px;
	padding-top: 15px;
}

.mainMenu
{
	font-size: 22px;
	font-weight: bold;
}

.breadcrumb
{
	padding-top: 20px;
	font-weight: bold;
}

.rightSection section nav ul
{
    list-style-type: none;
	font-weight: bold;
	font-size: 22px;
	color: #44CC44;
}

.rightSection section nav ul a
{
	text-decoration: none;
	color: #000000;
}

article section .projectImage
{
	width: 300px;
	height: 200px;
	
	float: left;
	
	padding-right: 5px;
	padding-bottom: 5px;
}

article footer
{
	border-top: 1px solid #000000;

	padding: 10px;
	padding-bottom: 20px;
}

article footer a
{
	float: left;

	text-decoration: none;
	color: #000000;
}

.viewSourceCode
{
	float: left;

	background: url('../images/script_code.png') no-repeat;

	width: 130px;
	height: 15px;

	padding-right: 5px;
	padding-left: 20px;
	padding-bottom: 5px;
}

.viewBugzX
{
	float: left;

	background: url('../images/bug_link.png') no-repeat;

	width: 130px;
	height: 15px;

	padding-right: 5px;
	padding-left: 20px;
	padding-bottom: 5px;
}

.viewAndroidMarket
{
	float: left;

	width: 130px;
	height: 50px;

	padding-right: 5px;
	padding-left: 20px;
	padding-bottom: 5px;
}

.cvDownload
{
	background-color: #DDDDDD;
	
	width: 300px;
	height: 50px;
	
	padding-top: 20px;
	padding-left: 30px;

	-moz-border-radius: 15px;
    border-radius: 15px;
}

.cvDownloadLink
{
	text-decoration: none;
	color: #000000;

	background: url('../images/download.png') no-repeat;

	height: 40px;
	padding-bottom: 10px;
}

.cvDownloadLink:after
{
	padding-left: 42px;

	vertical-align: middle;

	content: "Download";
}

.reference
{
	width: 200px;
	float: left;
	
	padding: 10px;
	padding-left: 20px;

	background-color: #DDDDDD;

	-moz-border-radius: 15px;
    border-radius: 15px;

    font-weight: bold;
}

.reference:nth-child(2n+1)
{
	float: right;
}

.reference a
{
    text-decoration: none;
}

#divOlderBrowser
{
	width: 99%;
	height: auto;
	
	padding: 10px;
	
	border-bottom: 1px dashed;

	background: url('../images/olderBackgroundBackground.png') no-repeat;
}

.browserLogos
{
	width: 600px;

	text-align: center;
}

.browser
{
	float: left;

	width: 200px;

	vertical-align: middle;
}

.browser a img
{	
	border: 0px;
}

.validHTML5
{
	text-decoration: none;
	color: #000000;
	font-size: 14px;
	font-weight: bold;

	padding-top: 20px;
	padding-left: 35px;	

	background: url('../images/HTML5_Logo_32.png') no-repeat 0px 0px;
}

.readMoreLink
{
	text-decoration: none;
	color: #2222FF;

	padding-left: 18px;

	background: url('../images/page_go.png') no-repeat 0px 0px;
}

.projects
{
}

.projects li
{
	width: 530px;
	height: 110px;

	list-style: none;

	margin: 10px;
	padding: 10px;

    vertical-align: middle;

	cursor: pointer;
}

.projects li .title
{
	width: 510px;
	height: 40px;

	float: left;

	font-size: 24px;
}

.projects li .section
{
	width: 170px;
	height: 60px;

	float: left;
}

.projects li .section2
{
	width: 250px;
	height: 60px;

	float: left;
}